<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页_个人中心_华为商城</title>
		<link rel="stylesheet" href="css/new.css"/>
		<link rel="stylesheet" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/zxy/headAndFoot.css" />
		<link rel="stylesheet" type="text/css" href="css/gzh/member.css"/>
		<script type="text/javascript" src="js/jQuerynew.js" ></script>
		<script type="text/javascript" src="js/bootstrapnew.min.js" ></script>
		<script src="lib/vue.js"></script>
		<script src="js/zxy/headAndFoot/headAndFoot.js"></script>
		<style type="text/css">
			#page{
				background:  #f5f5f5;
			}
			#head{
				    background: white;
			}
		</style>
	</head>
	<body>
		<div id="all" class="member_all">
			<div id="topAdv"><a href="#"><img src="img/zxy/headAndFoot/topAdv.jpg"></a><div onClick="closeAdv()" id="closeAdv">X</div></div>
			<div id="head">
				<div id="headBox">
					<div id="headTop">
						<ul id="topLeft">
							<li class="topLeftLi"><a href="#">首页</a></li>
							<li class="topLeftLi"><a href="#">华为官网</a></li>
							<li class="topLeftLi"><a href="#">荣耀官网</a></li>
							<li class="topLeftLi"><a href="#">花粉俱乐部</a></li>
							<li class="topLeftLi"><a href="#">帮助中心</a></li>
							<li class="topLeftLi"><a href="#">V 码 (优购码)</a></li>
							<li class="topLeftLi"><a href="#">首企业购页</a></li>
							<li class="topLeftLi"><a href="#">Select Region</a></li>
							<li class="topLeftLi" id="qrcode"><a href="#">下载 APP<span class="caret"></span></a>
								<div >
									<img src="img/zxy/headAndFoot/qrcode.png"/>
									<p>扫一扫，下载客户端</p>
								</div>
							</li>
							<li class="topLeftLi" id="more"><a href="#">更多精彩<span class="caret"></span></a>
								<ul >
									<div><a href="#">EMUI</a></div>
									<div><a href="#">应用市场</a></div>
									<div><a href="#">华为终端云空间</a></div>
									<div><a href="#">开发者联盟</a></div>
								</ul>
						   </li>
						</ul>
						<ul id="topRight">
							<li class="topRightLi">
								<div id="loged" v-if="ifLogin">
									<a href="#">userName</a>
									<div id="userDrop">
										<div id="userInfo">
											<div id="userLeft">
												<a href="#"><img src="img/zxy/headAndFoot/img_logged_in.png" width="90px" height="90px"/></a>
											</div>
											<div id="userRight">
												<p><a>userName</a></p>
												<a href="#" class="realName"><span></span>未实名</a>
												<a href="#" class="i-mail"><span></span>站内信</a>
											</div>
										</div>
										<div id="userOrder">
											我的订单
											<a href="#">更多 ></a>
										</div>
										<div id="orderList">
											<ul>
												<li><a href="#">待支付</a></li>
												<li><a href="#">待收货</a></li>
												<li><a href="#">待评价</a></li>
												<li><a href="#">退换货</a></li>
												<li><a href="#">旧机回收</a></li>
											</ul>
										</div>
										<div id="otherInfo">
											<div class="discount">
												<a href="#"><span class="img01"></span></a>
												<p class="points">积分</p>
												<span>0分</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img02"></span></a>
												<p class="points">优惠券</p>
												<span>0张</span>
											</div>
											<div class="discount">
												<a href="#"><span class="img03"></span></a>
												<p class="points">代金券</p>
												<span>0.00元</span>
											</div>
										</div>
										<div id="logout"><a href="#">退出登录</a></div>
									</div>
								</div>
								<div id="unlogin" v-else>
									<a href="#">请登录</a>
									<a href="#">注册</a>
								</div>
							</li>
							<li class="topRightLi" id="myOrder">
								<a href="#">我的订单</a>
							</li>
							<li class="topRightLi" id="cartShop">
								<a href="#">
									<span class="cartImg"></span>
									购物车(<font id="cartShopNum">0</font>)
								</a>
								<div class="miniCart" id="emptyCart" v-if="ifEmpty">
									<img src="img/zxy/headAndFoot/空购物车.png" width="100px" height="100px"/>
									<p>您的购物车是空的，赶紧选购吧~</p>
								</div>
								<div class="miniCart" id="cartShopBox" v-else>
									<ul class="cartShopBoxUl">
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										<li>
											<div class="selectDiv">
												<label class="checkLabel">
													<input type="checkbox" class="checkBtn"/>
													<span></span>
												</label>
											</div>
											<div class="itemImg">
												<a href="#"><img src="img/zxy/headAndFoot/productImg1.jpg" width="64px" height="64px"/></a>
											</div>
											<div class="itemInfo">
												<p>荣耀畅玩7 全网通版 2GB+16GB（金色）</p>
												<div><font class="itemNum">X1</font><font class="itemPrice">¥ 599.00</font></div>
											</div>
										</li>
										
									</ul>
									<div id="minicartBalance">
										<p>
											<span>总计:</span>
											<font>¥ 15043.00</font>
										</p>
										<a href="#">立即结算</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div id="header">
						<div class="left">
							<a href="#"><img src="img/zxy/headAndFoot/logo.png" /></a>
							<ul>
								<li><a href="#">华为专区</a></li>
								<li><a href="#">荣耀专区</a></li>
								<li><a href="#">HUAWEI P20</a></li>
								<li><a href="#">荣耀 10</a></li>
								<li><a href="#">nova 3i</a></li>
								<li><a href="#">荣耀 V10</a></li>
							</ul>
						</div>
						<div class="right">
							<div class="input-group">
							  <input type="text" class="form-control" placeholder="荣耀 Note10" aria-describedby="sizing-addon3">
							  <span class="input-group-btn">
					          	<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
					          </span>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="page">
				<div class="member_body" >
				<div class="member_body_top">
					<a href="#" class=""><small>首页</small></a><small>&nbsp;&nbsp;>&nbsp;&nbsp;</small><a href=""><small>我的商城</small></a>
				</div>
				<div class="member_body_left">
					<div class="h"><a href="#"><span>我的商城</span></a></div>
					<div class="b">
						<ul>
							<li>
								<h3 class="member_body_left_mail"><a href="#"><span id="li_msg">站内信</span></a></h3>
							</li>
							<li>
                				<h3 class="member_body_left_help"><a href="#" target="_blank"><span>帮助中心</span></a></h3>
            				</li>
            				<li>
            					<h3 class="member_body_left_order"><span>订单中心</span></h3>
            					<ol>
				                	<li id="li-order"><a href="http://127.0.0.1:8020/Vmall/MemberOrder.html?__hbt=1536659797738"><span>我的订单</span></a></li>
				                	<li id="li-order-small"><a href="#"><span>小程序订单</span></a></li>
				                    <li id="li-exchange"><a href="http://127.0.0.1:8020/Vmall/MemberExchange.html?__hbt=1536659870992"><span>我的退换货</span></a></li>
				               		<li id="li-refunds"><a href="#"><span>我的退款</span></a></li>
									<li id="li-recover"><a href="#"><span>我的回收单</span></a></li>
				                    <li id="li-prdRemark"><a href="#"><span>商品评价</span></a></li>
				                </ol>
            				</li>
            				<li>
            					<h3 class="member_body_left_asset"><span>我的资产</span></h3>
					                <ol>
					                    <li id="li-newpoint"><a href="#"><span>我的积分</span></a></li>
					                    <li id="li-coupon"><a href="#"><span>我的优惠券</span></a></li>
					                    <li id="li-balance"><a href="#"><span>我的代金券</span></a></li>
					                    <li id="li-petal"><a href="#"><span>我的花瓣</span></a></li>
					                    <li id="li-point"><a href="#"><span>等级与特权</span></a></li>
					                </ol>
            				</li>
            				<li>
				                <h3 class="member_body_left_support"><span>购买支持</span></h3>
					            	<ol>
					                    <li id="li-myAddress"><a href="http://127.0.0.1:8020/Vmall/MemberMyaddress.html?__hbt=1536214285951"><span>收货地址管理</span></a></li>
					                    <li id="li-authentication"><a href="#"><span>实名认证</span></a></li>
										<li id="li-myAppointment"><a href="#"><span>我的预约</span></a></li>
					                    <li id="li-notification"><a href="#"><span>到货通知</span></a></li>
					                </ol>
				            </li>
						</ul>
					</div>
				</div>
				
					<div class="mc-user">
						<div class="clearfix">
							<div class="mc-user-card fl ">
								<div class="user-head fl">
									<div class="user-canvas">
										 <span class="icon-vip-level-1" id="levelIcon"></span>
											<div class="canvas-bg">
												 <div class="canvas-left"><div></div></div><!--起始度数-121deg为0%，增加度数到0deg时半圈结束-->
                                    			 <div class="canvas-right"><div></div></div><!--起始度数为为-180deg，增加度数到-59deg时为100%半圈结束-->
											</div>
									</div>
									 <p class="user-img">
                            						                    <img src="https://res.vmallres.com/20180824/images/echannel/misc/img_logged_in.png" />
                            		</p>
								</div>
								<div class="mc-user-info fl ">
		                            <div class="name">187****0852</div>
		                           	<a href="/member/point" class="link">查看会员权益&nbsp;&gt;</a>
		                            <a href="http://127.0.0.1:8020/Vmall/IdAndSafe.html?__hbt=1536660173914" class="mc-user-btn " >帐号中心</a>
		                       </div>
		                       <div class="mc-user-info fl hidden"><!--未登录-->
		                            <a href="#" class="mc-user-login-btn">登录／注册</a>
		                            <p>登陆后可查看您的会员权益</p>
		                       </div>
		                       <div class="mc-user-huaban fl">
			                        <ul class="clearfix">
			                            <li>
			                                <a href="/member/newpoint?t=1535789848789" class="p-icon p-icon-1"></a>
			                                <p class="p-dec">积分</p>
			                                <p class="p-price"><span id="balanceicon_myCenter" class="p-price-no">--</span>分</p>
			                            </li>
			                            <li>
			                               <a href="/member/coupon?t=1535789848789" class="p-icon p-icon-2"></a>
			                                <p class="p-dec">优惠券</p>
			                                <p class="p-price"><span  id='couponicon_myCenter'>0</span>张</p>
			                            </li>
			                            <li>
			                                <a href="/member/balance?t=1535789848789"  class="p-icon p-icon-3"></a>
			                                <p class="p-dec">代金券</p>
			                                <p class="p-price"><span id="balanceAmount_myCenter" class="p-price-no">--</span>元</p>
			                            </li>
			                        </ul>
			                    </div>
			                    <div class="hr-12"></div>
					                <div class="mc-user-portal ">
					                    <ul class="clearfix">
					                        <li class="portal-icon-1">
					                            <a href="/member/order?t=1535789848789&type=unpaid"><span id="un_payment"></span>待支付</a>
					                            <span id="un_payment_wechat" style="display:  none;"></span>
					                        </li>
					                        <li class="portal-icon-2">
					                            <a href="/member/order?t=1535789848789&type=send"><span id="un_received"></span>待收货</a>
					                            <span id="un_received_wechat" style="display:  none;"></span>
					                        </li>
					                        <li class="portal-icon-3">
					                            <a href="/member/order?t=1535789848789&type=nocomment"><span id="un_remark"></span>待评价</a>
					                        </li>
					                        <li class="portal-icon-4">
					                            <a href="/member/exchange?t=1535789848789"><span></span>退换货</a>
					                        </li>
					                        <li class="portal-icon-5">
					                            <a href="/member/recycle/index/aihuishou?t=1535789848789"><span></span>回收单</a>
					                        </li>
					                    </ul>
					                </div>

							</div>
							<!--我的商城--我的消息-->
							<div class="mc-hide"></div>
							<div class="mynews">
								<div class="hr-30">
									<div class="mc-title">
										<h3>我的消息</h3>
									</div>
									<div class="mynews-list">
										<div class="myCenter ">
										<input type="hidden" value="" />
										<a href="javascript:;" class="banner " target="_blank" onclick = "pushMyNewsProMsg("",this,1) > 
				                        <img src="img/gzh/2018083111588553.jpg">
				                    	</a>
				                    	
									</div>
									<div class="myCenter ">
										<input type="hidden" value="" />
										<a href="javascript:;" class="banner " target="_blank" onclick = "pushMyNewsProMsg("",this,1) > 
				                        <img src="img/gzh/2018082511049580.jpg" />
				                    	</a>
									</div>
									<!--左图右文-->
			                    <div class="mynews-list-area my_center service_type_4 ">
			                        <div class="m-image"><input type="hidden"  value=""/><img  src="img/gzh/2018071103360947.png"></div>
			                        <div class="m-title">
			                            <em class="m-info">华为手环 B5</em>
			                            <em class="m-name">为你推荐</em>
			                            <em class="m-time">2018-08-09 23:50</em>
			                        </div>
			                        <p class="m-detail">【新品首发】购机限量赠配件大礼包，享3期分期免息，晒单评价赢好礼。赠品有限，送完即止。</p>
			                        <a href="javascript:;" class="button-1 mynews-list-btn" target="_blank" onclick = "pushMyNewsProMsg('华为手环 B5',this,0)">查看详情</a>
			                    </div>
			                    
	            			
	            				<!--左图右文-->
			                    <div class="mynews-list-area my_center service_type_4 ">
			                        <div class="m-image"><input type="hidden"  value=""/><img  src="img/gzh/2018080911502732.jpg"></div>
			                        <div class="m-title">
			                            <em class="m-info">HUAWEI nova 3i</em>
			                            <em class="m-name">为你推荐</em>
			                            <em class="m-time">2018-08-09 23:50</em>
			                        </div>
			                        <p class="m-detail">新品首销享3期免息，前2000名晒单赠豪华礼包，老用户额外赠100花币</p>
			                        <a href="javascript:;" class="button-1 mynews-list-btn" target="_blank" onclick = "pushMyNewsProMsg('HUAWEI nova 3i',this,0)">查看详情</a>
			                    </div>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="member_body_right">
						<div class="fr mc-right">
							<a href="#" target="_blank">
								<img src="img/gzh/20180718165254411.jpg" title="新人见面礼.jpg" style="float:none;" />
							</a>
							<div class="hr-20"></div>
							<div class="mc-title"><h3>会员推荐</h3></div>
							<div class="hr-20"></div>
							<div class="mc-recommend-banner"> 
								<a href="#" target="_blank">
									<img src="img/gzh/20170922191552609.jpg" />
								</a>
								<a href="#" target="_blank">
									<img src="img/gzh/20170922191631928.jpg"/>
								</a>
								<a href="#" target="_blank">
									<img src="img/gzh/2017092219165256.jpg" />
								</a>
								<a href="#" target="_blank"> 
									<img src="img/gzh/20170922191711677.jpg" />
								</a>
							</div>
						</div>
        

				</div>
				</div>
			</div>

			<div id="foot">
				<div id="footBox">
					<div id="footTop">
						<div>
							<a href="#">
								<span class="slogan1"></span>
								<span>百强企业 品质保证</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan2"></span>
								<span>7 天退货 15 天换货</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan3"></span>
								<span>48 元起免运费</span>
							</a>
						</div>
						<div>
							<a href="#">
								<span class="slogan4"></span>
								<span>448 家维修网点 全国联保</span>
							</a>
						</div>
					</div>
					<div id="footMid">
						<div class="footList">
							<ul>
								<p>购物相关</p>
								<li>
									<a href="#">购物指南</a>
								</li>
								<li>
									<a href="#">配送方式</a>
								</li>
								<li>
									<a href="#">支付方式</a>
								</li>
								<li>
									<a href="#">常见问题</a>
								</li>
							</ul>
							<ul>
								<p>保修与退换货</p>
								<li>
									<a href="#">保修政策</a>
								</li>
								<li>
									<a href="#">退换货政策</a>
								</li>
								<li>
									<a href="#">退换货流程</a>
								</li>
								<li>
									<a href="#">保修状态查询</a>
								</li>
								<li>
									<a href="#">配件防伪查询</a>
								</li>
							</ul>
							<ul>
								<p>维修与技术支持</p>
								<li>
									<a href="#">售后网点</a>
								</li>
								<li>
									<a href="#">预约维修</a>
								</li>
								<li>
									<a href="#">手机寄修</a>
								</li>
								<li>
									<a href="#">备件价格查询</a>
								</li>
								<li>
									<a href="#">上门服务</a>
								</li>
							</ul>
							<ul>
								<p>关于我们</p>
								<li>
									<a href="#">公司介绍</a>
								</li>
								<li>
									<a href="#">华为商城简介</a>
								</li>
								<li>
									<a href="#">华为线下门店</a>
								</li>
								<li>
									<a href="#">荣耀线下门店</a>
								</li>
								<li>
									<a href="#">诚征英才</a>
								</li>
							</ul>
							<ul>
								<p>关注我们</p>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">腾讯微博</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
							</ul>
							<ul>
								<p>友情链接</p>
								<li>
									<a href="#">华为官网</a>
								</li>
								<li>
									<a href="#">华为商城手机版</a>
								</li>
								<li>
									<a href="#">荣耀官网</a>
								</li>
								<li>
									<a href="#">花粉俱乐部</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
							</ul>

						</div>
						<div class="serviceTel">
							<p>400-088-6888</p>
							<span>24 小时客服热线（仅收市话费）</span>
							<a>
								<div>
									<font>在线客服</font>
								</div>
							</a>
						</div>
					</div>
					<div id="footBottom">
						<div id="copyright">
							<div id="copyrightLeft"><a href="#"><div></div></a></div>
							<div id="copyrightMid">
								<p><a>隐私声明</a> <a>服务协议</a> Copyright © 2012-2018 华为软件技术有限公司 版权所有 保留一切权利</p>
								<p>公安备案 苏公网安备 32011402010009 号 | 苏 ICP 备 17040376 号 - 6 | 增值电信业务经营许可证：苏 B2-20130048 号 |</p>
							</div>
							<div id="copyrightLogo">
								<a href="#"><img src="img/zxy/headAndFoot/copyright1.jpg"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright2.png"  width="70px" height="24px"/></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright3.png"  width="70px" height="24px" /></a>
								<a href="#"><img src="img/zxy/headAndFoot/copyright4.png"  width="70px" height="24px" /></a>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		
	</body>
</html>